﻿<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta charset="utf-8">
		<title>Ptasie Radio</title>
		<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
		<script type="text/javascript" src="js/underscore-min.js"></script>
		<script type="text/javascript" src="js/AvifaunaConfig.js"></script>
		<script type="text/javascript" src="js/AvifaunaCore.js"></script>
		<script type="text/javascript" src="js/AvifaunaDisplay.js"></script>
		<script type="text/javascript" src="js/AvifaunaDOMEventsHandler.js"></script>
		<script type="text/javascript" src="js/AvifaunaSound.js"></script>
		<script type="text/javascript" src="js/Bird.js"></script>
		<script type="text/javascript" src="js/Training.js"></script>
		<script type="text/javascript" src="js/init.js"></script>
		<link href="css/main.css" type="text/css" rel="stylesheet">
	</head>
	<body>
		
		<img src="img/banner.png" alt="" id="banner"/>
		
		
		<div class="clearer">&nbsp;</div>
		
		<a href="#" id="backButton" class="controlButton" title="Przerwij naukę i wróć do głównego ekranu">
			<img src="img/back.png" alt=""/>
			<span class="bigLabel"><span>Powrót</span></span>
		</a>
		
		<div class="clearer">&nbsp;</div>
		
		<div id="mainMenu">
			<a href="#" data-avifauna-trainingSetId="start-5" class="controlButton actionButton sectionButton startTrainingSet">
				<img src="data/images/start-5.png" alt=""/>
				<span class="bigLabel">5 ptaków na początek</span>
			</a>
			<a href="#" data-avifauna-trainingSetId="interesting-12" class="controlButton actionButton sectionButton startTrainingSet">
				<img src="data/images/interesting-12.png" alt=""/>
				<span class="bigLabel">12 najciekawszych ptaków</span>
			</a>
			<a href="#" data-avifauna-trainingSetId="popular-15" class="controlButton actionButton sectionButton startTrainingSet">
				<img src="data/images/popular-15.png" alt=""/>
				<span class="bigLabel">15 najpopularniejszych ptaków</span>
			</a>
			<a href="#" data-avifauna-trainingSetId="all" class="controlButton actionButton sectionButton startTrainingSet">
				<img src="data/images/all.png" alt=""/>
				<span class="bigLabel">Cała kolekcja (50+)</span>
			</a>
		</div>
		
		<div class="clearer">&nbsp;</div>
		
		<div id="mainBirdPanel" class="panel">
			<div id="mainBirdPanelNavigation">
				<a href="#" id="previousBirdButton" class="button left" title="Poprzedni gatunek"></a>
				<a href="#" id="nextBirdButton" class="button right" title="Następny gatunek"></a>
			</div>
			<div class="panelContentWrapper">
				<img id="mainBirdImage" alt="" src=""/>
				<h2>&nbsp;</h2>
				<h3>&nbsp;</h3>
				<p id="mainBirdDescription">
					&nbsp;
				</p>
				<div id="mainBirdPanelVUMeter" data-avifauna-defaultWidth="360" data-avifauna-expandedWidth="690">
					<span style="width: 33.3%">&nbsp;</span>
				</div>
				<div id="availableRiddleAnswers">
					<ul>
						<li class="riddleAnswer">
							<img src="data/images/corvus-cornix.jpg" alt=""/>
							<span class="riddleAnswerCaption">&nbsp;</span>
						</li>
						<li class="riddleAnswer">
							<img src="data/images/garrulus-glandarius.jpg" alt=""/>
							<span class="riddleAnswerCaption">&nbsp;</span>
						</li>
						<li class="riddleAnswer">
							<img src="data/images/tyto-alba.jpg" alt=""/>
							<span class="riddleAnswerCaption">&nbsp;</span>
						</li>
						<li class="riddleAnswer">
							<img src="data/images/turdus-merula.jpg" alt=""/>
							<span class="riddleAnswerCaption">&nbsp;</span>
						</li>
						<li class="riddleAnswer">
							<img src="data/images/passer-domesticus.jpg" alt=""/>
							<span class="riddleAnswerCaption">&nbsp;</span>
						</li>
					</ul>
				</div>
			</div>
		</div>
		
		<div id="tutorial" class="controlButton">
			<img src="img/info-icon.png" alt=""/>
			<span>Witaj w Ptasim Radiu, aplikacji dzięki której nauczysz się rozpoznawać odgłosy polskich ptaków! Rozpocznij od wybrania interesującego Cię zestawu...</span>
		</div>
		
		<div id="volumeSettings">
			<input id="volumeInput" type="range" min="0" max="100" value="100"/>
			<a id="volumeToggle" href="#"><img src="img/volume.png" alt=""/></a>
		</div>
		
		<div id="copyrightInfo" class="controlButton">
			<img src="img/copyright.png" alt=""/>
			<div class="content">
				<span class="bigLabel">Informacje o prawach autorskich</span><br/>
				<div class="available">
					<strong>Autor ilustracji: </strong><span class="image-author">Krzysztof Witalewski</span><br/>
					<strong>Licencja ilustracji: </strong><span class="image-license">CC 3.0 BY-NC</span><br/>
					<strong>Autor nagrania: </strong><span class="recording-author">Krzysztof Witalewski</span><br/>
					<strong>Licencja nagrania: </strong><span class="recording-license">CC 3.0 BY-NC</span><br/>
					<strong>Opis: </strong><span class="description-author">Autorzy aplikacji, na podstawie <a href="#">Wikipedii</a></span><br/>
					<strong>Licencja opisu: </strong><span class="description-license">CC 3.0 BY-NC</span><br/>
				</div>
				<div class="riddle">
					Proszę nie podglądać :)<br/> Szczegółowe informacje o prawach autorskich nie są dostępne w czasie wyświetlania zagadek.
				</div>
				<div class="application">
					Aplikacja Ptasie Radio jest dostępna na licencji <a href="https://www.gnu.org/licenses/gpl.html">GNU GPL v3</a>.<br/><br/>
					<strong>Koncepcja: </strong>Krzysztof i Agnieszka Witalewscy<br/>
					<strong>Wykonanie: </strong>Krzysztof Witalewski<br/>
					<strong>Opracowanie merytoryczne: </strong>Agnieszka Witalewska<br/>
					<strong>Wersja: </strong>1.3<br/>
				</div>
			</div>
		</div>
		
		<div id="currentScore" class="controlButton" href="#" title="Tyle różnych ptaków udaje Ci się już bezbłędnie rozpoznawać!">
			<img src="img/learn-icon.png" alt=""/>
			<span class="bigLabel"><span>&nbsp;</span></span>
		</div>
		
		<ul id="socialLinks">
			<li>
				<a target="_blank" href="https://www.facebook.com/aplikacjaPtasieRadio"><img src="img/fb-icon-64x64.png" alt=""/></a>
			</li>
			<li>
				<a target="_blank" href="https://chrome.google.com/webstore/detail/gijligoemhhgfdldpnhfpbacahbjafpo?hl=pl"><img src="img/google-icon-64x64.png" alt=""/></a>
			</li>
		</ul>
				
	</body>
</html>